import React, { Component } from 'react'

import PropType from 'prop-types'

export default class MenuLabel extends Component {

  static propType = {
    style: PropType.any,
    label: PropType.oneOfType([
      PropType.string,
      PropType.number
    ])
  }

  static defaultProps = {
    style: {}
  }

  render() {
    const { style, label} = this.props

    let menuStyle = {
      margin: 0,
      padding: 0,
      textAlign: 'center',
      padding: 3,
      fontSize: 16,
      color: '#fefee9',
      border: '0.2px solid #2299ff',
      boxShadow: '0px 1px 2px rgba(0,0,0,0.2)',
      textShadow: '0px 1px 1px rgba(0,0,0,0.3)',
      backgroundColor: '#3399ff',
      background: 'linear-gradient(to bottom, #eeeff9 0%,#3399ff 100%)',
    }

    return(
      <button style={{...menuStyle, ...style}}>
        {label}
      </button>
    )
  }
}